// 导入 1px 边框的样式文件
@import '@scss/hairline.scss';
// css module样式模块化 => 避免组件间样式冲突 => 格式：index.module.css/scss
// 原理：把样式中类名改成唯一的: 上一级目录名_当前样式类名_hash
.root {
  overflow: hidden;
  height: 100%;

  :global {
    // 这个下边是全局的，不会被修改名字
    .login-form {
      padding: 0 33px;

      .title {
        margin: 54px 0 13px 0;
      }

      .adm-list {
        --align-items: end !important;
      }
      .adm-list-default {
        border: none;
      }
      .adm-list-item {
        padding: 0;
      }
      .login-item {
        // 注意：因为 1px 边框样式使用了决定定位，所以，此处需要将设置为相对定位
        position: relative;
        // 为该元素设置 1px 边框
        @include hairline(bottom, #f0f0f0);

        > .adm-list-item-content {
          height: 70px;
        }
      }
      .adm-list-item-content {
        position: relative;
        border-bottom: none;
      }
      // 验证码
      .adm-input-wrapper {
        --placeholder-color: #a5a6ab;
      }
      .code-extra {
        color: #595769;
        font-size: 14px;
        display: inline-block;
        padding-bottom: 10px;

        &-disabled {
          color: #a5a6ab;
        }
      }

      .login-submit {
        height: 50px;
        margin-top: 38px;
        border: none;
        font-size: 16px;
        background: linear-gradient(315deg, #fe4f4f, #fc6627);
      }
    }
  }
}
